0
259
Views¿Cómo evitar que el tamaño de entrada se reduzca en un componente espacial? [y]
Mi entrada toma todo el ancho, que es un comportamiento exceptuado.
<Input placeholder='Filter' style={{ marginBottom: 50}}/>
Ahora necesito agregar un botón detrás de esta entrada. Decidí usar el componente Espacio, pero luego la entrada se redujo. ¿Cómo puedo hacer que una entrada llene todo el espacio en un componente Space?
<Space> <Input placeholder='Filter'/> <Button type='primary'>Filter</Button> </Space> 
·
Juan Pablo Isaza
1 answers
Answer question0
Es mejor que solo uses un div . Mi experiencia personal con AntD es que es realmente difícil "personalizar" diseños/espaciados usando sus componentes, incluso cuando se intenta diseñarlos con el atributo de style .
// Works <div style={{ display: "flex", gap: "8px" }}> <Input placeholder='Filter'/> <Button type='primary'>Filter</Button> </div> // Doesn't work <Space style={{ display: "flex" }}> <Input placeholder='Filter' style={{ flex: "auto" }} /> <Button type='primary'>Filter</Button> </Space>
·
Juan Pablo Isaza
Report
Answer question